$(function(){
	//显示加ajax请求
	$(".list-table").on("click","tr td .gettype",function(){
		if($(this).attr("src")=="imgs/htimgs/typedirg.png"){
			$(this).attr("src","imgs/htimgs/typedirk.png");//图片切换
			var $typeid=$(this).parents("tr").attr("typeid")//获取子类父级id
			var mleft=parseInt($(this).css("marginLeft"))+20//获取父级margin值
			var $thisimg=$(this);
			$.ajax({
				type:"post",
				url:"htmain?v=ajaxtype",
				data:"parentid="+$typeid,
				success:function(msg){
					var typejson=$.parseJSON(msg);
					typejson.forEach((v,i)=>{
						var $tr=$("<tr typeid="+v.lid+" parentsid="+v.tparentid+">");
						$thisimg.parents("tr").after($tr);
						$tr.html('<td><input type="checkbox" /></td>'+
						'<td><img style="margin-left:'+mleft+'px" src="imgs/htimgs/typedirg.png" class="gettype" /><span>'+v.lname+'</span></td>'+
						'<td><img src="imgs/htimgs/updatetype.png" class="xiugai" /></td>'+
						'<td><img src="imgs/htimgs/addtype.png" class="addtype" /></td>')
					})
					
				}
			})
			
		}else{
			$(this).attr("src","imgs/htimgs/typedirg.png");
			var $tid=$(this).parents("tr").attr("typeid");
			$(".list-table tr[parentsid="+$tid+"]").remove();
		}
	})
	//修改切换文本框事件
	$(".list-table").on("click","tr td .xiugai",function(){
		$(this).parents("tr").find("input[type='text']").remove();
		$(this).parents("tr").find("span").after($("<input typeid="+$(this).parents("tr").attr("typeid")+" type='text' value="+$(this).parents("tr").find("span").text()+" />")).remove();
	})
	//失去焦点时ajax请求事件
	$(".list-table").on("blur","tr td input[type='text']",function(){
		var $input=$(this);
		var $tr=$input.parents("tr");
		var $lname=$input.val();
		var $lid=$input.attr("typeid");
		var $parentsid=$input.attr("parentsid");
		console.log($parentsid+"*********************");
		if($parentsid==undefined){
			$.ajax({
				type:"post",
				url:"htmain?v=updatetype",
				data:"lname="+$lname+"&lid="+$lid,
				success:function(msg){
					
				}
			})
		}else{
			console.log($parentsid+"dddddddddddddddd");
			$.ajax({
				type:"post",
				url:"htmain?v=inserttype&lname="+$lname+"&tparentsid="+$parentsid,
				success:function(msg){
					$tr.attr("typeid",msg);
				}
			})
		}
		$input.after($("<span>").text($input.val()))
		$input.remove();
	})
	//分类新增事件
	$(".list-table").on("click","tr td .addtype",function(){

			$(this).parents("tr").find(".gettype").attr("src","imgs/htimgs/typedirk.png");//图片切换
			var $typeid=$(this).parents("tr").attr("typeid")//获取子类父级id
			var mleft=parseInt($(this).parents("tr").find(".gettype").css("marginLeft"))+20//获取父级margin值
			var $thisimg=$(this);
			$(this).parents(".list-table").find("tr").each(function(i,v){
				if($(v).attr("parentsid")==$typeid){
					$(v).remove();
				}
			})
			$.ajax({
				type:"post",
				url:"htmain?v=ajaxtype",
				data:"parentid="+$typeid,
				success:function(msg){
					var typejson=$.parseJSON(msg);
					if(typejson.length==0)
						return;

					typejson.forEach((v,i)=>{
						var $tr=$("<tr typeid="+v.lid+" parentsid="+v.tparentid+">");
						$thisimg.parents("tr").after($tr);
						$tr.html('<td><input type="checkbox" /></td>'+
						'<td><img style="margin-left:'+mleft+'px" src="imgs/htimgs/typedirg.png" class="gettype" /><span>'+v.lname+'</span></td>'+
						'<td><img src="imgs/htimgs/updatetype.png" class="xiugai" /></td>'+
						'<td><img src="imgs/htimgs/addtype.png" class="addtype" /></td>')
					})
					
				}
			})
			
			var $tr=$("<tr typeid='' parentsid="+$(this).parents("tr").attr("typeid")+">")
			$(this).parents("tr").after($tr);
			$tr.html('<td><input type="checkbox" /></td>'+
					'<td><img style="margin-left:'+mleft+'px" src="imgs/htimgs/typedirg.png" class="gettype" /><input parentsid="'+$(this).parents("tr").attr("typeid")+'" type="text" ></td>'+
					'<td><img src="imgs/htimgs/updatetype.png" class="xiugai" /></td>'+
					'<td><img src="imgs/htimgs/addtype.png" class="addtype" /></td>')
		
	})
	$("#addonetype").click(function(){
		var $tr=$("<tr typeid='' parentsid=0>")
		$(".list-table").append($tr)
		$tr.html('<td><input type="checkbox" /></td>'+
				'<td><img style="margin-left:0px" src="imgs/htimgs/typedirg.png" class="gettype" /><input parentsid="0" type="text" ></td>'+
				'<td><img src="imgs/htimgs/updatetype.png" class="xiugai" /></td>'+
				'<td><img src="imgs/htimgs/addtype.png" class="addtype" /></td>')
		
	})
})